Code - rlagkdud898/TAKENSOFT

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <link rel="stylesheet" href="../../resources/css/reset.css"> <link rel="stylesheet" href="../../resources/css/style.css"> <link rel="stylesheet" href="../../resources/css/component.css"> <link rel="stylesheet" href="../../resources/css/common.css"> <link rel="stylesheet" href="../../resources/css/responsive.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <style> html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .test { height: 100%; } </style> <title>TAKENSOFT</title> </head> <body>  <div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide"> <div class="test" style="overflow-y: auto;"> <div class="content" data-year="2021"> <p class="mobil-year">2021</p> <div class="flex"> <p class="month mr30">5월</p> <div class="month-text" style="text-align: left;"> <p>· 주식회사 테이큰 소프트 설립</p> <p>· 영천시 데이터 활용 기본 계획 수립 용역 (영천시)</p> </div> </div> <div class="flex"> <p class="month mr30">10월</p> <div class="month-text text-section" style="text-align: left;"> <p>· 소프트웨어 기업 등록</p> <img src="../../resources/img/common/history-img1.png" alt=""> </div> </div> <div class="flex"> <p class="month mr30">11월</p> <div class="month-text" style="text-align: left;"> <p>· 김천시 무더위 쉼터 선정을 위한 빅데이터 분석 용역 (김천시) </p> <p>· Taken BI Manager v1.0 저작권 등록</p> <img src="../../resources/img/common/history-img2.png" alt=""> </div> </div> <div class="flex"> <p class="month mr30">12월</p> <div class="month-text" style="text-align: left;"> <p>· 어린이 보호구역 도로 주행 데이터 (포항테크노파크)</p> <p>· Taken BI Manager GS(Good Sofrware) 인증 1등급 획득</p> <p>· 도로 모니터링 시스템 저작권 등록</p> <div class="flex"> <img src="../../resources/img/common/history-img31.png" alt=""> <img src="../../resources/img/common/history-img32.png" alt=""> <img src="../../resources/img/common/history-img33.png" alt=""> </div> </div> </div> </div> <div class="content" data-year="2022"> <p class="mobil-year">2022</p>  <div class="flex"> <p class="month mr30">1월</p> <div class="month-text" style="text-align: left;"> <p>· 구미시 공공데이터 기업 매칭 지원사업 (구미시)</p> </div> </div> <div class="flex"> <p class="month mr30">3월</p> <div class="month-text" style="text-align: left;"> <p>· 기업부설연구소 설립</p> </div> </div> <div class="flex"> <p class="month mr30">4월</p> <div class="month-text" style="text-align: left;"> <p>· 상주시 재난지원금 신청 프로그램 개발 (상주시)</p> </div> </div> <div class="flex"> <p class="month mr30">5월</p> <div class="month-text" style="text-align: left;"> <p>· 대구광역시 북구 데이터로 보는 북구 콘텐츠 구축 (대구광역시 북구)</p> <p>· 영천시 공공데이터 품질관리 용역 (영천시)</p> </div> </div> <div class="flex"> <p class="month mr30">7월</p> <div class="month-text" style="text-align: left;"> <p>· 영천시 공공데이터 기업 매칭 지원사업 (영천시)</p> </div> </div> <div class="flex"> <p class="month mr30">9월</p> <div class="month-text" style="text-align: left;"> <p>· 상주시 데이터 수집, 연계, 분석 및 시각화 솔루션 공급</p> </div> </div> <div class="flex"> <p class="month mr30">10월</p> <div class="month-text" style="text-align: left;"> <p>· 데이터 관리 및 분석 솔루션 구매 (상주시) </p> </div> </div> <div class="flex"> <p class="month mr30">12월</p> <div class="month-text" style="text-align: left;"> <p>· 데이터 관리 및 분석 솔루션 연계 용역 (상주시) </p> <p>· 상주시 데이터 활용 기본계획 용역 (상주시) </p> <p>· 스마트 타운 통합 플랫폼 개발 기획 및 사업 관리 용역 (성주군) </p> <p>· 행정정보 데이터 백업테이프 구입 (영주시) </p> <p>· 행정정보시스템 통합스토리지 디스크 증설 (영주시) </p> <p>· SW융합클러스터2.0 데이터(주차 차량 및 차량번호 학습데이터) 구매 (포항테크노파크) </p> <p>· 한국가스공사 2022 대구·경북 스타트업 페스티벌 공대스타 챌린지 최우수상 수상 </p> <p>· 경로 생성 기술 관련 출원사실증명 </p> <img src="../../resources/img/common/history-img4.png" alt=""> </div> </div> </div> <div class="content" data-year="2023"> <p class="mobil-year">2023</p>  <div class="flex"> <p class="month mr30">1월</p> <div class="month-text" style="text-align: left;"> <p>· 행정안전부 2023년 정부혁신 웹사이트 기능개선 및 유지관리 사업 수주 </p> <p>· 복약지도 장치 및 방법 출원사실증명 </p> <p>· Traffic Agent 저작권 등록 </p> <div class="flex"> <img src="../../resources/img/common/history-img51.png" alt=""> <img src="../../resources/img/common/history-img52.png" alt=""> </div> </div> </div> <div class="flex"> <p class="month mr30">2월</p> <div class="month-text" style="text-align: left;"> <p>· 한국가스공사 상용소프트웨어 유지관리(통합재고관리시스템 데이터분석) (한국가스공사) </p> <p>· 대구광역시 AI 안전통합 횡단보도 플랫폼 구축 계약 </p> </div> </div> <div class="flex"> <p class="month mr30">3월</p> <div class="month-text" style="text-align: left;"> <p>· AI 안전통합 횡단보도 플랫폼 구축 용역 (대구광역시) </p> </div> </div> <div class="flex"> <p class="month mr30">4월</p> <div class="month-text" style="text-align: left;"> <p>· G밸리 기록물 텍스트 분석 및 콘텐츠 개발 사업 (서울특별시) </p> <p>· 포항테크노파크 SW융합제품 상용화지원사업 데이터 품질관리 사업 수주 </p> <p>· 기업부설연구소 인정서 획득 </p> <img src="../../resources/img/common/history-img6.png" alt=""> </div> </div> <div class="flex"> <p class="month mr30">5월</p> <div style="text-align: left;"> <p>· 영천시 맞춤형 데이터 분석사업 (영천시) </p> </div> </div> <div class="flex"> <p class="month mr30">6월</p> <div class="month-text" style="text-align: left;"> <p>· 정보통신공사업 면허 획득, 벤처기업 인증 </p> <div class="flex"> <img src="../../resources/img/common/history-img71.png" alt=""> <img src="../../resources/img/common/history-img72.png" alt=""> </div> </div> </div> <div class="flex"> <p class="month mr30">7월</p> <div class="month-text" style="text-align: left;"> <p>· 공공데이터 품질 진단 강화 컨설팅 (상주시)</p> <p>· 정부혁신 웹사이트 기능개선 및 유지관리 (행정안전부)</p> </div> </div> <div class="flex"> <p class="month mr30">8월</p> <div class="month-text" style="text-align: left;"> <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p> <p>· 메타버스 기술 관련 출원사실증명</p> <img src="../../resources/img/common/history-img8.png" alt=""> </div> </div> <div class="flex"> <p class="month mr30">9월</p> <div class="month-text" style="text-align: left;"> <p>· 한국가스공사 2023 대구·경북 스타트업 페스티벌 공대스타챌린지 대상 수상</p> <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p> <p>· 시니어 케어 시스템 저작권 등록</p> <img src="../../resources/img/common/history-img9.png" alt=""> </div> </div> <div class="flex"> <p class="month mr30">11월</p> <div class="month-text" style="text-align: left;"> <p>· 한기술평가 우수기업 인증 (T-5)</p> <p>· 통합 모빌리티 솔루션 저작권 등록</p> <div class="flex"> <img src="../../resources/img/common/history-img100.png" alt=""> <img src="../../resources/img/common/history-img101.png" alt=""> </div> </div> </div> <div class="flex"> <p class="month mr30">12월</p> <div class="month-text" style="text-align: left;"> <p>· DGM 전자정보기기사업단 지역 기업 운영 활성화를 위한 플랫폼 구축 사업 수주</p> <p>· 구미시 키워드 분석 용역 (구미시)</p> <p>· AI 디지털교과서 통합 지원센터 모델발굴 및 시범운영 용역 (한국교육학술정보원)</p> <p>· 구미시 2023년 행정정보 및 홈페이지시스템 통합유지관리 용역 중 공공데이터 (구미시)</p> <p>· AI 횡단보도 기술 관련 출원사실증명</p> <img src="../../resources/img/common/history-img110.png" alt=""> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script> var swiper = new Swiper(".mySwiper", { cssMode:true, direction: "vertical", slidesPerView: 1, spaceBetween: 30, mousewheel: { eventsTarget: '.swiper-slide' }, slidesOffsetAfter: 220, pagination: { el: ".swiper-pagination", clickable: true, }, on: { init: function () { const slides = document.querySelectorAll('.swiper-slide'); slides.forEach(slide => { slide.addEventListener('wheel', function (e) { const delta = e.wheelDelta || -e.deltaY; console.log(delta) // 슬라이드 내부에서 상단 또는 하단 경계에 도달했을 경우 Swiper 슬라이드 전환 허용 if ((this.scrollTop === (this.scrollHeight - this.offsetHeight) && delta < 0) || (this.scrollTop === 0 && delta > 0)) { e.stopPropagation(); } }, { passive: false }); }); } } }); </script> </html>